<template>
  <v-container>
    <v-row>
      <v-col>
        <v-card>
          <v-card-text>
            <v-alert outlined type="warning" prominent border="left">
              学生甲和学生乙抄的试卷
            </v-alert>
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>
    <v-row>
      <v-col>
        <v-card>
          <v-card-text class="mt-2">
            <v-row>
              <v-col v-for="(d, index) in infos" :key="index" cols="12">
                {{ d }}
              </v-col>
            </v-row>
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import {
  TestPaperA,
  TestPaperB
} from "@/design-pattern/10-template/TemplateV1";

@Component({})
export default class PageV1 extends Vue {
  // region Prop
  // endregion
  // region Data
  infos: string[] = [];
  // endregion
  // region computed
  // endregion
  // region watch
  // endregion
  // region method
  // endregion
  // region hook
  created() {
    const a = new TestPaperA();
    this.infos.push("学生甲抄的试卷:");
    this.infos.push(a.TestQuestion1());
    this.infos.push(a.TestQuestion2());
    this.infos.push(a.TestQuestion3());
    const b = new TestPaperB();
    this.infos.push("学生乙抄的试卷:");
    this.infos.push(b.TestQuestion1());
    this.infos.push(b.TestQuestion2());
    this.infos.push(b.TestQuestion3());
  }
  // endregion
}
</script>

<style lang="scss"></style>
